﻿@charset "utf-8";
.online_icon{ width:36px; height:156px; overflow:hidden; }
.online_icon a{ display:block; width:36px; height:156px; background:url(img/online_bg.png) no-repeat; _background:url(img/online_bg_ie6.png) no-repeat;}
.online_windows{ width:144px;}
.online_w_top{ background:url(img/online_bg.png) no-repeat -36px 0; height:10px; _background:url(img/online_bg_ie6.png) no-repeat -36px 0; _margin-bottom:-7px;}
.online_w_c{ background:url(img/online_bg.png) repeat-y 0 -185px; padding:0 5px; _background:url(img/online_bg_ie6.png) repeat-y 0 -185px}
.online_w_bottom{ background:url(img/online_bg.png) repeat-y -36px -35px; height:29px; _background:url(img/online_bg_ie6.png) repeat-y -36px -35px;}
.online_content{ background:url(img/online_bg.png) no-repeat -147px -185px; padding-top:11px; _background:url(img/online_bg_ie6.png) no-repeat -147px -185px;}
.online_content a.qq_icon{ background:url(img/online_bg.png) no-repeat -37px -130px; width:121px; height:25px; display:block; margin:0 auto; text-indent:30px; line-height:23px; cursor:pointer; _background:url(img/online_bg_ie6.png) no-repeat -37px -130px;}
.online_content a.qq_icon:hover{ background-position:-159px -130px; color:#FFF;}
.online_bar h2{ background:url(img/online_bg.png) repeat-x 0 -156px; height:29px; line-height:27px; font-size:12px; color:#666; text-align:left; _background:url(img/online_bg_ie6.png) repeat-x 0 -156px;}
.online_bar h2 a{ display:block; padding-left:14px; margin-left:6px; cursor:pointer;}
.expand h2 a{ background:url(img/online_bg.png) no-repeat -36px -69px; _background:url(img/online_bg_ie6.png) no-repeat -36px -69px;}
.collapse h2 a{ background:url(img/online_bg.png) no-repeat -36px -96px; _background:url(img/online_bg_ie6.png) no-repeat -36px -96px;}
.expand h2 a:hover,.collapse h2 a:hover{ text-decoration:none; color:#c81d04;}
.online_content{ text-align:center; border-bottom:1px solid #d0d0d0; margin-bottom:1px;}
.online_content ul li{ height:40px; line-height:20px; margin-bottom:10px; }
.online_content ul li a:hover{color:#c81d04; }

#online_qq_layer {position:fixed; right:0px; top:300px; _position:absolute;}
#online_qq_layer ul{ list-style: none; }
* html,* html body {_background-attachment:fixed;}
* html #online_qq_layer {_bottom:auto;_top:expression(eval(document.documentElement.scrollTop + 150));}
#online_qq_tab {float:left; margin-top: 50px;}
#onlineService {float:left; margin-left:-3px;}
#onlineType1, #onlineType2, #onlineType3, #onlineType4, #onlineType5, #onlineType6 {display:none;}
#onlineType1 {display:block;}